@import url("indexs.less");


.search{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    background: white;
    z-index: 99;
    .px2rem(top,90);
    width: 100%;
    .px2rem(height,86);
    input{
        .px2rem(height,61);
        width: 90%;
        border: none;
        background: #ebebeb url(../images/sc.png) no-repeat left center; 
        background-size: 15px 15px;
        background-position:35%;     
        border-radius: 20px;
        text-align: center;   
    }
}
.mian{
    
    width: 100%;
    height: 100%;
    position: relative;
    .sidebar{
        width: 30%;
        position: fixed;
        background: #f7f7f7;
        height: 100%;
        left: 0;
        .px2rem(bottom,130);
        .px2rem(top,180);
        ul{
            li{
                display: flex;
                align-items: center;
                list-style: none;              
              .px2rem(padding-top,45); 
              .px2rem(padding-bottom,45);  
              .px2rem(padding-left,40);  
              .px2rem(height,54);
              .px2rem(font-size,28);
              color: #333333;
              
            }
            ._li{
                color: #ff5e98;
                background: white;
                border-right: 2px solid #ff5e98;
                box-sizing: border-box;               
            }
        }
    }
   
    .content{
        width: 70%;
        height: 100%; 
        margin-left: 30%;
        .px2rem(padding-bottom,130);;
        .px2rem(padding-top,180); 
             
        #_img{
            display: flex;
            justify-content: center;
            align-items: center;
            .px2rem(height,210);
            
            
            .img{
                width: 90%;
                .px2rem(height,180);
            }
        }
      .fenl{
        margin: 0 3%;
          ul{
              display: flex;
              flex-wrap: wrap;
              
            li{
                list-style: none;
                width: 33.33%;
                color: #333333;
                text-align: center;
                .px2rem(font-size,24);
                .px2rem(margin-bottom,45);
                img{
                width: 80%;
                .px2rem(height,138);  
                }
            }  
          }
      }
    }
}

.ftr{
    .fenlei{
        dd{
            color: #ff5e98;
        }
    }
}


















